/******BANNER******/
#home_banner{
	width:100%;
}
#banner{
	width:100%; margin: 0 auto; height: 462px;
}
.Switch {
	width:100%; height: 462px; overflow: hidden; position: relative;}
ul.Switch-index{
	position: relative; width: 1920px; height: 462px; left: 50%; margin-left: -960px; 
}
.Switch .num {
	width: 85px; height: 15px; overflow:hidden; 
	position: absolute; bottom:12px; left: 50%; margin-left: -42px; zoom:1; z-index:999; }
.Switch .num li {
	width: 10px; height: 10px; 
	cursor:pointer; float: left; text-indent: -999999px;
	background: #fff; margin: 0 3px; border-radius:100%;}
.Switch .num li.on {background: #71bf46; }
.Switch .prev, .Switch .next {
	display: block; width: 40px; height: 99px; 
	position: relative; z-index: 999; margin-top: 174px;}
.Switch .prev {float: left; margin-left: 15px; background: url(../images/to-left.png) no-repeat;}	
.Switch .next {float: right; margin-right: 15px; background: url(../images/to-right.png) no-repeat;}
@media only screen and (min-width: 640px) {
	#p-banner{
		display: none;
	}
}
@media only screen and (max-width: 640px) {
	#home_banner{
		display: none;		
	}	
	#p-banner{
		width: 100%;
		margin-top: 0;}
	.box_swipe {
		overflow: hidden; position: relative;}
	.box_swipe ul {
		overflow: hidden; position: relative;}
	.box_swipe ul > li {
		float:left; width:100%; position: relative;}
	.box_swipe ul > li a{
		color:#FFF;	text-decoration:none;}
	.box_swipe ul > li .title{
		position: absolute;	bottom: 6px; display: block;
		width: 70%;	height:20px; padding:0 10px; text-overflow: ellipsis;
		white-space: nowrap; overflow: hidden; color:#FFF; z-index:8;}
	.box_swipe>ol{
		height:20px; position: relative;
		z-index:8; margin-top:-27px; text-align:center; padding-right:15px;}
	.box_swipe>ol>li{
		display:inline-block;
		margin-bottom:1px; border-radius: 8px;
		width:8px; height:8px; background-color:#757575;}
	.box_swipe>ol>li.on{
		background-color:#ffffff;}
}




/*solution 解决方案*/
#solution{
	width: 100%;
	overflow: hidden;
	background: #fff;
	}
.solution-index{
	width: 1100px;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 0 50px 0;
    background: url(../images/solution-bg.png) no-repeat left 35px;
    background-size: 100%;
}
/*	title*/
	.solution-index .title{
		width: 100%;
		text-align: center;
		overflow: hidden;
	}
		.solution-index .title h1{
			font-weight: normal;
			font-size: 32px;
			color: #606060;
			line-height: 45px;
		}
		.solution-index .title p{
			font-family: arial;
			text-transform: uppercase;
			font-size: 18px;
			color: #999999;
			line-height: 25px;
		}
/*ul li*/
	.solution-index ul{
		display: block;
		width: 100%;
		overflow: hidden;
		padding: 20px 0;
	}
		.solution-index ul li{
			width: 20%;
			overflow: hidden;
			float: left;
			position: relative;
		}		
		.solution-index ul li a{
			display: block;
			width: 198px;
			overflow: hidden;
			margin: 0 auto;
			background: url(../images/solution-ul-li-box.png) no-repeat;
			background-size: 198px;
		}
		/*img*/		
		.solution-index ul li a img{
			width: 192px;
			height: 245px;
		}
		/*pic-box*/
		.solution-index ul li a .pic-box{
			width: 192px;
			height: 245px;
			overflow: hidden;
		}
		/*bg*/
		.solution-index ul li a .bg{
			width: 192px;
			height: 98px;
			overflow: hidden;
			position: absolute;
			z-index: 1; left: 50%; margin-left: -99px; bottom: 0;
		}
		.solution-index ul li a .bg img{
			width: 192px;
			height: 98px;
		}
		/*icon*/
		.solution-index .icon{
			width: 56px;
			height: 59px;
			position: absolute;
			z-index: 2; left: 50%; margin-left: -28px; bottom: 75px;
		}
		.solution-index .icon img{
			width: 56px;
			height: 59px;
		}
		/*i*/
		.solution-index ul li a i{
			font-style: normal;
			color: #fff;
			font-size: 14px;
			line-height: 28px;	
			text-align: left; position: absolute;	
			z-index: 3; left: 10px; bottom: 45px;
		}
		/*icon*/
		.solution-index ul li a p{
			position: absolute;
			z-index: 3; left: 10px; bottom: 18px;
			padding: 0;
			color: #fff;
			font-size: 20px;
			line-height: 28px;	
			text-align: left;		
		}
		.system-index ul li a p span{
			font-size: 21px;
		}
		
		
		
		
		/*en*/
		.solution-index ul.en li{
			width: 33.3333333%;
		}
		.solution-index ul.en li a{
			display: block;
			width: 303px;
			height: 154px;
			overflow: hidden;
			margin: 0 auto;
			background: url(../images/solution-ul-li-box-en.png) no-repeat;
			background-size: 303px;
		}
		.solution-index ul.en li a img{
			width: 299px;
			height: 150px;
		}
		.solution-index ul.en li a .pic-box{
			width: 299px;
			height: 150px;
		}
		.solution-index ul.en li a .bg{
			width: 299px;
			height: 98px;
			z-index: 1; left: 0; margin-left: 0; bottom: 4px;
		}
		.solution-index ul.en li a .bg img{
			width: 299px;
			height: 98px;
		}
		
		
/*	p*/
	.solution-index p{
		padding: 0 15px;
		font-size: 14px;
		line-height: 21px;
		color: #777777;
	}
@media only screen and (max-width: 640px) {
	.solution-index{
		width: 92%;
	}
	/*	ul li*/
	.solution-index ul{
		padding: 0;
	}
	.solution-index ul li{
		width: 50%;
		float: left;
		margin: 10px 0;
	}
	.solution-index ul li a{
		width: 90%;
		height: auto;
		background: url(../images/solution-ul-li-box.png) no-repeat;
		background-size: 100%;
	}
	/*img*/		
	.solution-index ul li a img{
		width: 100%;
		height: auto;
	}
	/*pic-box*/
	.solution-index ul li a .pic-box{
		width: 100%;
		height: auto;
	}
	/*bg*/
	.solution-index ul li a .bg{
		width: 100%;
		z-index: 1; left: 50%; margin-left: -50%; bottom: 0;
	}
	.solution-index ul li a .bg img{
		width: 100%;
		height: 98px;
	}
	/*i*/
	.solution-index ul li a i{
		width: 90%;		
		font-size: 12px;	
		bottom: 35px;
		left: 5%;
		overflow: hidden;
		white-space:nowrap; 
		text-overflow:ellipsis;
	}
	/*icon*/
	.solution-index ul li a p{
		width: 90%;	
		bottom: 10px;
		left: 5px;
		font-size: 16px;
		left: 5%;
		overflow: hidden;			
		white-space:nowrap; 
		text-overflow:ellipsis;		
	}
		
	/*	p*/
	.solution-index p{
		padding: 0;
	}
	
	
	.solution-index ul.en li{
		width: 100%;
	}
	.solution-index ul.en li a{
		width: 100%;
		background: url(../images/solution-ul-li-box.png) no-repeat;
		background-size: 100%;
	}
	.solution-index ul.en li a img{
		width: 100%;
		height: auto;
	}
	.solution-index ul.en li a .pic-box{
		width: 100%;
		height: auto;
	}
	.solution-index ul.en li a .bg{
		width: 100%;
		height: 98px;
		z-index: 1; left: 0; margin-left: 0; bottom: 0px;
	}
	.solution-index ul.en li a .bg img{
		width: 100%;
		height: 98px;
	}
	
	/*icon*/
	.solution-index ul.en li a p{
		width: 90%;	
		bottom: 0px;
		left: 5px;
		font-size: 16px;
		left: 5%;
		overflow: hidden;			
		white-space:nowrap; 
		text-overflow:ellipsis;		
	}
}


/*month 月份 时间*/
#month{
	width: 100%;
	height: 436px;
	overflow: hidden;	
	background: url(../images/month-bg.jpg) no-repeat center center;
}
.month-index{
	width: 1239px;
	overflow: hidden;
	margin: 68px auto;
}
/*	rollBox*/
	.rollBox {
		width: 1239px;
		overflow: hidden;
		height: 299px;
		position: relative;
	}	
	.rollBox .scrollcon {
		width: 1239px;
		height: 99px;
	}	
	.rollBox .LeftBotton {
		height: 299px;
		width: 51px;
		background: url(../images/month-left.png) no-repeat left center;
		overflow: hidden;
		float: left;
		display: inline;
		margin: 0px;
		cursor: pointer;
	}	
	.rollBox .RightBotton {
		height: 299px;
		width: 51px;
		background: url(../images/month-right.png) no-repeat left center;
		overflow: hidden;
		float: right;
		display: inline;
		margin: 0px;
		cursor: pointer;
	}	
	.rollBox .Cont {
		width: 658px;
		overflow: hidden;
		float: left;
		height: 299px;
		margin-left: 419px;
	}	
	.rollBox .ScrCont {
		width: 10000000px;
	}	
	.rollBox .Cont .pic {
		width: 299px;
		height: 299px;
		overflow: hidden;
		background: #fff;
		position: relative;
		float: left;
		margin-right:60px;
	}
	/*news-hot*/
	.rollBox .news-hot{
		position: absolute;
		left: 110px; top: 0;
	}
/*box*/	
	.rollBox .Cont .pic .box{
		padding:17px 15px 18px 15px;
	}	
	.rollBox .Cont .pic .box h1{
		font-weight: normal;
		color: #494949;
		font-size: 16px;
		line-height: 22px;
		height: 44px;
		margin-bottom: 10px;
		overflow: hidden;
		text-overflow:ellipsis;
	}
	.rollBox .Cont .pic .box p{
		font-size: 14px;
		color: #777777;
		line-height: 20px;
		height: 60px;
		overflow: hidden;
	}
	.rollBox .Cont .pic a:hover .box{
		background: #1fa131;		 
	}
	.rollBox .Cont .pic a:hover .box h1, .rollBox .Cont .pic a:hover .box p{
		color: #fff;
	}
	/*img*/
	.rollBox .Cont .pic img {
		width: 299px;
		height: 150px;
		display: block;
	}	
	/*date*/
	.rollBox .Cont .pic .date {
		position: absolute;
		z-index: 2; right: 10px; bottom: 10px;
		padding: 5px 8px 2px 8px; background: #1fa131;
		line-height: 18px;
		color: #fff; font-size: 20px; text-align: center;
	}
	.rollBox .Cont .pic .date span{
		font-size: 14px;
		display: block;
		margin: 0 auto;
	}
	.rollBox #List1, .rollBox #List2 {
		float: left;
	}
@media only screen and (max-width: 640px) {
	.rollBox .LeftBotton, .rollBox .RightBotton {
		display: none;
	}	
	.rollBox .Cont {
		margin-left: 10px;
	}	
}


/*system 技术体系*/
#system{
	width: 100%;
	overflow: hidden;
	background: #fff;
}
.system-index{
	width: 1100px;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0 50px 0;
    background: url(../images/system-bg.png) no-repeat left 35px;
    background-size: 100%;
}
/*	title*/
	.system-index .title{
		width: 100%;
		text-align: center;
		overflow: hidden;
	}
		.system-index .title h1{
			font-weight: normal;
			font-size: 32px;
			color: #606060;
			line-height: 45px;
		}
		.system-index .title p{
			font-family: arial;
			text-transform: uppercase;
			font-size: 18px;
			color: #999999;
			line-height: 25px;
		}
/*ul li*/
	.system-index ul{
		display: block;
		width: 100%;
		overflow: hidden;
		padding: 20px 0;
	}
		.system-index ul li{
			width: 25%;
			overflow: hidden;
			float: left;
		}		
		.system-index ul li a{
			display: block;
			width: 219px;
			height: 186px;
			overflow: hidden;
			margin: 0 auto;
			position: relative;
			border-radius: 5px;
		}
		/*img*/
		.system-index ul li a img{
			width: 219px;
			height: 186px;
		}
		
		/*bg*/
		.system-index ul li a .bg{
			display: none;
		}
		.system-index ul li:hover a .bg{
			display: block;
			position: absolute;
			z-index: 1; left: 0; bottom: 0;
			width: 219px;
			height: 186px;
			background: url(../images/system-ul-li-bg.png);
		}
		/*icon*/
		.system-index ul li a .icon{
			position: absolute;
			z-index: 2; left: 73px; top: 67px;
		}
		.system-index ul li a .icon img{
			width: 72px;
			height: 71px;
		}
		/*icon*/
		.system-index ul li a p{
			position: absolute;
			z-index: 3; left: 0px; top: 150px;
			padding: 0;
			color: #fff;
			width: 100%;
			text-align: center;
			font-size: 16px;
			line-height: 25px;			
		}
		/*text*/
		.system-index ul li a .text{
			display: none;
			position: absolute;
			z-index: 4; left: 0px; top: 0;
			width: 219px;
			height: 186px;
		}		
		.system-index ul li a .text img{
			width: 38px;
			height: 40px;
			display: block;
			margin: 25px auto 0;
		}
		.system-index ul li a .text i{
			font-style: normal;
			display: block;
			width: 77%;
			margin: 0 auto;
			color: #fff;
			text-align: center;
			font-size: 16px;
			line-height: 25px;	
		}
		.system-index ul li a .text i.en {
		  	width: 90%;
		}
		.system-index ul li a .text i span{
			font-size: 14px;
			width: 100%;
			height: 60px;
			overflow: hidden;
		    line-height: 20px;
		    display: block;
		    margin-top: 10px;
		    text-align: left;
		}
		.system-index ul li a .text i.en span {
		  	width: 90%;
		  	text-align: center;
		  	margin: 10px auto;
		}
		.system-index ul li a:hover .text{
			display: block;
		}
		.system-index ul li a:hover .icon, .system-index ul li a:hover p{
			display: none;
		}
		
		
		
		/*EN*/
		.system-index ul.en li{
			width: 33.3333333%;
		}
		.system-index ul.en li a{
			width: 299px;
			height: 254px;
		}
		/*img*/
		.system-index ul.en li a img,
		.system-index ul.en li:hover a .bg{
			width: 299px;
			height: 254px;
		}
		.system-index ul.en li:hover a .bg{
			background: none;
		}
		/*icon*/
		.system-index ul.en li a .icon{
			left: 113px;
		}
		.system-index ul.en li a .icon img{
			width: 72px;
			height: 71px;
		}
		/*text*/
		.system-index ul.en li a .text{
			width: 299px;
			height: 254px;
		}
		.system-index ul.en li a .text img {
			width: 38px;
			height: 40px;
			display: block;
		  	margin: 65px auto 10px;
		}
		.system-index ul.en li:hover a .bg{
			background: none;
		}
		.system-index ul.en li a:hover .icon, .system-index ul.en li a:hover p{
			display: block;
		}
		/*icon*/
		.system-index ul.en li a p{
			top: inherit;
			bottom: 15px;		
		}
@media only screen and (max-width: 640px) {
	.system-index{
		width: 92%;
	}
	.system-index ul li{
		width: 50%;
		margin: 10px 0;
	}
	.system-index ul li a{
		width: 90%;
		height: auto;
		}
		/*img*/
		.system-index ul li a img{
			width: 100%;
			height: auto;
		}
		.system-index ul li:hover a .bg{
			width: 100%;
			height: 100%;
		}
		/*icon*/
		.system-index ul li a .icon{
			position: absolute;
			z-index: 2; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px;
		}
		.system-index ul li a .icon img{
			width: 40px;
			height: 39px;
		}
		/*text*/
		.system-index ul li a .text{
			display: none;
		}
		.system-index ul li a:hover .text{
			display: none;
		}
		
		
		
		/*EN*/
		.system-index ul.en li{
			width: 100%;
		}
		.system-index ul.en li a{
			width: 100%;
			height: auto;
		}
		/*img*/
		.system-index ul.en li a img{
			width: 100%;
			height: auto;
		}
		/*icon*/
		.system-index ul.en li a .icon{
			position: absolute;
			z-index: 2; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px;
		}
		/*text*/
		.system-index ul.en li a .text{
			display: none;
		}
		.system-index ul.en li a:hover .text{
			display: none;
		}
		.system-index ul.en li:hover a .bg{
			background: none;
		}
		.system-index ul.en li a:hover .icon, .system-index ul.en li a:hover p{
			display: block;
		}
}


/*into-join 走进根源 加入根源*/
#into-join{
	width: 100%;
	overflow: hidden;
	background: #f8f8f8;
}
.into-join-index{
	width: 1020px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 25px 0;
}
	.into-join-index h1{
		font-weight: normal;
		padding-left: 15px;
		color: #848484;
		font-size: 32px;
		line-height: 46px;
		margin-top: 55px;
		background: url(../images/into-jion-icon.png) no-repeat left 10px;
	}
		.into-join-index h1 span{
			display: block;
			line-height: 20px;
			color: #999999;
			font-size: 18px;
		}
	.into-join-index p{
		text-indent: 25px;
		color: #777777;
		line-height: 22px;
	}
	.into-join-index a.more{
		float: right;
		display: block;
		margin-top: 5px;
		color: #8c8c8c;
		line-height: 25px;
		padding: 2px 15px;
		border-radius: 5px;
		border: 1px solid #8c8c8c;
	}
		.into-join-index p span{
			color: #21a333;
		}
	.into{
		width: 450px;
		overflow: hidden;
		float: left;
		background: url(../images/into-bg.png) no-repeat right 30px;
	}
	.join{
		width: 480px;
		overflow: hidden;
		float: right;
		background: url(../images/join-bg.png) no-repeat right 30px;
	}
@media only screen and (max-width: 640px) {
	.into-join-index{
		width: 92%;
	}
	.into{
		width: 100%;
		overflow: hidden;
		float: none;
		background: url(../images/into-bg.png) no-repeat right top;
	}
	.join{
		width: 100%;
		overflow: hidden;
		float: none;
		margin-top: 40px;
		background: url(../images/join-bg.png) no-repeat right top;
	}
		.into-join-index h1{
			margin-top: 95px;
		}
}


/*video*/	
.video{
	width: 100%;
	min-width: 1200px;
	margin:0 auto;
	height: 560px;
	background:url(../images/video_bg.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	margin:0 0 30px 0;
	overflow: hidden;
}
.video .video_bg{
	background:#000;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.video .video_bg video{
  filter:alpha(opacity=70); 
  opacity:0.7;
  position: relative;
  top: -120px;
}
/*.video a#video_btn{
	cursor: pointer;
	width: 475px;
	height: 133px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin:-80px 0 0 -237px;
	z-index: 2;
}*/
.video a#video_btn{
	cursor: pointer;
	width: 522px;
	height: 131px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin:-80px 0 0 -261px;
	z-index: 2;
}
.window_hide{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}
.window_hide .close{
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  top: 5px;
  right: 5px;
  text-indent: -999em;
  overflow: hidden;
  background: url(/images/icon.png) no-repeat right 0;
  filter:alpha(opacity=75); 
  opacity:0.75;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.window_hide .close:hover{
  filter:alpha(opacity=100); 
  opacity:1;
}
#window_veido .content{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 792px;
  height: 450px;
  margin: -240px 0 0 -396px;
  padding: 38px;
  border-radius: 10px;
  background: #fff;
}
@media only screen and (max-width: 640px) {
	.video{
		width: 100%;
		min-width: 100%;
		height: 180px;
	}
	#window_veido .content{
		top:50%;
		left: 5%;
		width: 90%;
		height: 220px;
		padding: 20px 15px;
		margin: -125px 0 0 0px;
		box-sizing: border-box;
	}
	.video .video_bg video {
		top: 0;
	}
	.video a#video_btn {
		width: 60%;
	  	height: 50px;
	  	position: absolute;
	  	left: 20%;
	  	top: 50%;
	  	margin: -25px 0 0 0;
	  	z-index: 2;
	}
	.video a#video_btn img{
		width: 100%;
		display: block;
	}
}


/*technology 合作伙伴*/
#technology{
	width: 100%;
	overflow: hidden;
	background: #fff;
}
.technology-index{
	width: 1100px;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0 50px 0;
    background: url(../images/system-bg.png) no-repeat left 35px;
    background-size: 100%;
}
/*	title*/
	.technology-index .title{
		width: 100%;
		text-align: center;
		overflow: hidden;
	}
		.technology-index .title h1{
			font-weight: normal;
			font-size: 32px;
			color: #606060;
			line-height: 45px;
		}
		.technology-index .title p{
			font-family: arial;
			text-transform: uppercase;
			font-size: 18px;
			color: #999999;
			line-height: 25px;
		}
/*ul li*/
	.technology-index ul{
		display: block;
		width: 100%;
		overflow: hidden;
		padding: 20px 0;
	}
		.technology-index ul li{
			width: 16.6%;
			overflow: hidden;
			float: left;
			margin: 15px 0;
		}
		.technology-index ul li a{
			display: block;
			width: 90%;
			overflow: hidden;
			margin: 0 auto;
			position: relative;
		}
		/*img*/
		.technology-index ul li a img{
			display: block;
			width: 100%;			
		}
		/*span*/
		.technology-index ul li a span{
			display: none;
			width: 100%;
			overflow: hidden;
			position: absolute;
			left: 0; top: 0; z-index: 1;
		}
		.technology-index ul li a:hover span{
			display: block;
		}
@media only screen and (max-width: 640px) {
	.technology-index{
		width: 92%;
	}
	.technology-index ul li{
		width: 33.3%;
		margin: 10px 0;
	}
}